﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="Yucel Yilmaz">
    <meta name="robots" content="index,follow">
    <meta name="publisher" content="Yücel Yilmaz">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="电子回执;电子签收;电子回单;扫码签收;手机签收;微信签收;电子证据;签收证据;签收存证;线上签收">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>码上签</title>
    <!--// Boostrap v4 //-->
    <link rel="stylesheet" href="/vendor/css/bootstrap.min.css">
    <!--// Magnific Popup //-->
    <link rel="stylesheet" href="/vendor/css/magnific.popup.min.css">
    <!--// Animate Css //-->
    <link rel="stylesheet" href="/vendor/css/animate.min.css">
    <!--// Owl Carousel //-->
    <link rel="stylesheet" href="/vendor/css/owl.carousel.min.css">
    <!--// Owl Carousel Default //-->
    <link rel="stylesheet" href="/vendor/css/owl.carousel.default.min.css">
    <!--// Font Awesome //-->
    <link rel="stylesheet" href="/fonts/font_awesome/css/all.css">
    <!--// Theme Main Css //-->
    <link rel="stylesheet" href="/css/style.css">
    <!--// Google Fonts //-->
    <link
        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">
    <link
        href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="icon" href="/code.png">
</head>

<body data-spy="scroll" data-target="#fixedNavbar">
    <!--// Page Wrapper Start //-->
    <div class="page-wrapper" id="wrapper">

        <!--// Header Start //-->
        <header class="header fixed-top" id="header">
            <div id="nav-menu-wrap">
                <div class="container">
                    <nav class="navbar navbar-expand-lg p-0">
                        <!-- <a class="navbar-brand" title="Home" href="/HomePage/HomePage.html">
                            <img src="/img/bg/logo_w.png" alt="Logo White" class="img-fluid logo-transparent">
                            <img src="/img/bg/logo1.png" alt="Logo White" class="img-fluid logo-normal">
                        </a> -->
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#fixedNavbar"
                            aria-controls="fixedNavbar" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="togler-icon-inner">
                                <span class="line-1"></span>
                                <span class="line-2"></span>
                                <span class="line-3"></span>
                            </span>
                        </button>
                        <div class="collapse navbar-collapse main-menu justify-content-end" id="fixedNavbar">
                            <ul class="navbar-nav">
                                <li class="nav-item">
                                    <a class="nav-link active menu-link" href="#home">首页</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link menu-link" href="#feature">特性</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link menu-link" href="#Process">流程</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link menu-link" href="#order">订购</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link menu-link" href="#Download">下载</a>
                                </li>

                                <li class="nav-item">
                                    <a class="nav-link menu-link" href="#contact">联系</a>
                                </li>

                                <li class="on">
                                    <a href="http://msq.yoojet.com/Login?tap=1" target="_blank" class="white-btn" style=" 
                                        align-items: flex-end;
                                        margin-top: 18px;
                                        font-weight: 700;
                                        font-size: 20px;
                                        padding: 14px 20px;
                                        text-align: center;
                                        border-radius: 500px;
                                        display: inline-block;
                                        -webkit-transition: all 0.5s ease;
                                        transition: all 0.5s ease;
                                        text-transform: capitalize;
                                        -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15);
                                        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15);
                                        margin-left: 65px;
                                        margin-right: 30px;">销售方登录</a>
                                    <a href="http://msq.yoojet.com/Login" target="_blank" class="white-btn" style=" 
                                        align-items: flex-end;
                                        margin-top: 18px;
                                        font-weight: 700;
                                        font-size: 20px;
                                        padding: 14px 20px;
                                        text-align: center;
                                        border-radius: 500px;
                                        display: inline-block;
                                        -webkit-transition: all 0.5s ease;
                                        transition: all 0.5s ease;
                                        text-transform: capitalize;
                                        -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15);
                                        box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.15);
                                        margin-left: 30px;">签收方登录</a>

                                </li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>
        </header>
        <!--// Header End  //-->

        <!--// Main Area Start //-->
        <main class="main-area">

            <!--// Hero Section Start //-->
            <section class="hero-banner" id="home">
                <div class="shoubox">
                    <img class="bg" src="/img/bg/bg2.png" alt="">
                    <div class="container">
                        <div class="row align-items-center">
                            <div class="hero-inner">
                                <img src="/img/bg/text.png" alt="">
                                <div class="btn-groupZ">
                                    <a href="http://hzq.yoojet.com/#/Register" target="_blank" title="Discovery Now"
                                        class="outline-btn" v-model="value">立即注册 免费使用</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!--// Hero Section End //-->

            <!--// Latest Blogs Section Start //-->
            <section class="section bg-light-grey" id="feature">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-6">
                            <div class="section-heading">
                                <h2>技术 <span>特性</span></h2>
                                <h4>
                                    快速部署，简单易用、成本低廉、安全可靠。
                                </h4>
                            </div>
                        </div>
                    </div>
                    <div class="latest-blogs-carousel owl-carousel owl-theme">
                        <div class="item">
                            <div class="blog-item">
                                <div class="img">
                                    <a href="blog-single.html">
                                        <img src="/img/blog/blog-img-1.jpg" alt="Blog image" class="img-fluid" />
                                    </a>
                                </div>
                                <div class="body">
                                    <h6>数据安全</h6>
                                    <p>
                                        数据基于区块链加密，让您的电子签收安全无忧。单位验证码+签收验证码，双码保证。签字、签章、拍照结果加密，确保数据无法二次篡改，铁证如山。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="blog-item">
                                <div class="img">
                                    <a href="blog-single.html">
                                        <img src="/img/blog/blog-img-2.jpg" alt="Blog image" class="img-fluid" />
                                    </a>
                                </div>
                                <div class="body">
                                    <h6>快捷签收</h6>
                                    <p>
                                        客户仅需微信扫码，即可开启扫码签收流程，无需下载、安装任何APP。操作简单、流程快捷，支持拍照标识差异，快速反馈结果。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="blog-item">
                                <div class="img">
                                    <a href="blog-single.html">
                                        <img src="/img/blog/blog-img-3.jpg" alt="Blog image" class="img-fluid" />
                                    </a>
                                </div>
                                <div class="body">
                                    <h6>对账便捷</h6>
                                    <p>
                                        后台随时下载签收文件，更可与ERP系统集成，实现自动对账协同。大大提高对账数据的准确性。第一时间解决发货的差异问题，提高客户满意度。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="blog-item">
                                <div class="img">
                                    <a href="blog-single.html">
                                        <img src="/img/blog/shuju.png" alt="Blog image" class="img-fluid" />
                                    </a>
                                </div>
                                <div class="body">
                                    <h6>数据共享</h6>
                                    <p>
                                        您可在平台中授权给相关的人员，随时了解发货与客户收货情况，包括您的跟单员、配货员、库管员、销售经理、以及为您客户提供本地化服务的第三方服务商。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="blog-item">
                                <div class="img">
                                    <a href="blog-single.html">
                                        <img src="/img/blog/jiaohu.jpg" alt="Blog image" class="img-fluid" />
                                    </a>
                                </div>
                                <div class="body">
                                    <h6>数据交换</h6>
                                    <p>
                                        系统提供标准API接口与RPA机器人，方便您的客户在签收的同时，直接将数数转换为其内部ERP系统入库单数据，而无需进行二次录入采集（需RPA）。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="blog-item">
                                <div class="img">
                                    <a href="blog-single.html">
                                        <img src="/img/blog/hegui.jpg" alt="Blog image" class="img-fluid" />
                                    </a>
                                </div>
                                <div class="body">
                                    <h6>内控合规</h6>
                                    <p>
                                        如果您的企业准备或己经上市，“码上签” 更可助您全面完善收入确认的确权依据，大大提高您财务收入核算的准确性、及时性（支持与ERP系统集成）。
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </section>
            <!--// Latest Blogs Section End //-->


            <!--// About Section Start //-->
            <section class="section bg-light-grey" id="about">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-6">
                            <div class="about-inner">
                                <h6> 码上签 WEB APP</h6>
                                <h2>电子回执，改变签收</h2>
                                <p>
                                    客户收货即时在线手签，收货差异，在线拍照，手机标识；签收数据可在销售、库房、财务、服务商等多组织之间共享，实时掌握客户收货情况；可与内部系统集成，客户签收数据自动更新CRM系统与ERP系统，让收入确认更合规。

                                </p>
                                <div class="about-box-wrap">
                                    <div class="row">
                                        <div class="col-md-6 col-sm-6">
                                            <div class="about-box">
                                                <h6>正在使用码上签的用户</h6>
                                                <h5 class="counter">50</h5>
                                                <h5>+</h5>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-sm-6">
                                            <div class="about-box">
                                                <h6>帮助客户完成货单签收量</h6>
                                                <h5 class="counter">50000</h5>
                                                <h5>+</h5>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="col-lg-6 about-img">
                            <img src="/img/bg/about-image.png" alt="About image" title="About image" class="img-fluid">
                        </div>
                    </div>
                </div>
            </section>
            <!--// About Section End //-->


            <!-- 业务流程 -->
            <div section-scroll='4' class="wd_scroll_wrap" id="Process">
                <section class="steps-area section">
                    <div id="steps-js">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-11 col-md-11 col-sm-12 col-xs-12">
                                    <div class="steps-heading">
                                        <h2 class="wow  fadeIn animated" data-wow-duration="1.0s"
                                            style="visibility: visible; animation-duration: 1.0s; animation-name: fadeIn;">
                                            确认签收函全流程</h2>
                                        <div class="right-con">
                                            <span>向下滑</span>
                                            <a data-scroll data-options='{ "speed": 100 }' href="#steps"><i
                                                    class="fa fa-angle-down"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <section id="steps" class="steps-details bg-mg">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 col-md-offset-1 col-lg-offset-1">
                                <div class="steps-cont">
                                    <ul>
                                        <li class="l-con">
                                            <div class="cont wow  fadeIn animated" data-wow-duration="1.0s"
                                                style="visibility: visible; animation-duration: 1.0s; animation-name: fadeIn;">
                                                <h2>01. 签发</h2>
                                                <p>自动签发 、 手工签发 、 批量签发
                                                    <br>函件模板市场、客户名录、服务与产品名录、签收人名录、一物一码、服务商目录、电子签章
                                                </p>
                                            </div>
                                            <span><i class="fa fa-file-text"></i></span>
                                        </li>
                                        <li class="r-con">
                                            <div class="cont wow  fadeIn animated" data-wow-duration="1.3s"
                                                style="visibility: visible; animation-duration: 1.3s; animation-name: fadeIn;">
                                                <h2>02. 送达</h2>
                                                <p>微信送达 、 短信送达 、 邮件送达 、 订阅送达
                                                    <br>短信模板、微信模板、邮件模板
                                                </p>
                                            </div>
                                            <span><i class="fa fa-indent"></i></span>
                                        </li>
                                        <li class="l-con">
                                            <div class="cont wow  fadeIn animated" data-wow-duration="1.6s"
                                                style="visibility: visible; animation-duration: 1.6s; animation-name: fadeIn;">
                                                <h2>03. 签收</h2>
                                                <p>身份核验 、签收确认 、签收评价
                                                    <br>签收人身份信息认证、签收人签名、签收视频/照片、 签收地理位置
                                                </p>
                                            </div>
                                            <span><i class="fa fa-paper-plane"></i></span>
                                            <div class="mid-icons"></div>
                                        </li>
                                        <li class="r-con">
                                            <div class="cont wow  fadeIn animated" data-wow-duration="1.9s"
                                                style="visibility: visible; animation-duration: 1.9s; animation-name: fadeIn;">
                                                <h2>04. 订阅
                                                </h2>
                                                <p>批量订阅 、 单件订阅
                                                    <br>业务订阅、客户订阅、内勤订阅、库管订阅、财务订阅
                                                </p>
                                            </div>
                                            <span><i class="fa fa-list-alt"></i></span>
                                        </li>
                                        <li class="l-con">
                                            <div class="cont wow  fadeIn animated" data-wow-duration="2.1s"
                                                style="visibility: visible; animation-duration: 2.1s; animation-name: fadeIn;">
                                                <h2>05. 对账</h2>
                                                <p>对账分发 、 对账送达 、 对账确认
                                                    <br>自动出函、自动分发、自动提醒、自动确认
                                                </p>
                                            </div>
                                            <span><i class="fa fa-clipboard"></i></span>
                                        </li>
                                        <li class="r-con">
                                            <div class="cont wow  fadeIn animated" data-wow-duration="2.4s"
                                                style="visibility: visible; animation-duration:2.4s; animation-name: fadeIn;">
                                                <h2>06. 存证
                                                </h2>
                                                <p>客户扫码签收
                                                    <br>区块链存证、司法上链
                                                </p>
                                            </div>
                                            <span><i class="	fa fa-chain"></i></span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>


                <!--// New Features Section Start //-->
                <section id="new-features">
                    <div class="new-features-img">
                        <img src="/img/bg/new-features-img.jpg" alt="New Features image" title="New Features image">
                    </div>
                    <div class="container">
                        <div class="row justify-content-end">
                            <div class="col-lg-6">
                                <div class="new-features-inner">
                                    <div class="inner-text">
                                        <h6>使用收益</h6>
                                        <h2>使用“码上签”-电子回执，可以为您带来的收益</h2>

                                    </div>
                                    <ul class="new-features-list">
                                        <li>
                                            <h5>01</h5>
                                            <div class="text">
                                                <h6>扫码签收</h6>
                                                <p>
                                                    借助“码上签”-电子回执，通过手机小程序即可进行便捷的签收确认、标识差异、提升回签文件质量。
                                                </p>
                                            </div>
                                        </li>
                                        <li>
                                            <h5>02</h5>
                                            <div class="text">
                                                <h6>对账便捷</h6>
                                                <p>
                                                    系统自动标识差异数据，交易双方均可随时在线下载电子数据，快速实现货物的确权对账。
                                                </p>
                                            </div>
                                        </li>
                                        <li>
                                            <h5>03</h5>
                                            <div class="text">
                                                <h6>财务合规</h6>
                                                <p>
                                                    提升财务收入确认凭据的及时性，完善收入确认的原始凭证，利于按会计准则进行收入确权。
                                                </p>
                                            </div>
                                        </li>
                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!--// New Features Section End //-->

                <!--// Pricing Section Start //-->
                <section class="section pb-minus-70" id="order">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-6">
                                <div class="section-heading">
                                    <h2>产品 <span>订购 </span></h2>
                                    <h4>
                                        针对不同的应用需求，我们为您提供了不同的版本选择
                                    </h4>
                                </div>
                            </div>
                        </div>
                        <div class="row justify-content-center" style="width: 1550px; margin-left: -210px;">
                            <div class="col-md-12 col-lg-2">
                                <div class="price-table">
                                    <div class="icon">
                                        <span class="fa fa-building"></span>
                                    </div>
                                    <div class="text">
                                        <h2>￥0</h2>
                                        <h6>免费版</h6>
                                        <span>每年</span>
                                    </div>
                                    <ul class="list">
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>300条普通电子回执</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>提供在线支持</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span> 回执PDF下载</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>数据保存一年</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>微信身份认证</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span> 无子账户管理</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span> 不支持司法存证</span>
                                        </li>
                                        <li>
                                            <i class="fa "></i>
                                            <span> </span>
                                        </li>
                                        <li>
                                            <i class="fa "></i>
                                            <span> </span>
                                        </li>
                                        <li>
                                            <i class="fa "></i>
                                            <span> </span>
                                        </li>



                                    </ul>
                                    <a href="#" target="blank" title="购  买" class="primary-btn">订 购</a>
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-2">
                                <div class="price-table">
                                    <div class="icon">
                                        <span class="fa fa-building"></span>
                                    </div>
                                    <div class="text">
                                        <h2>￥1000</h2>
                                        <h6>普惠版</h6>
                                        <span>每年</span>
                                    </div>
                                    <ul class="list">
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>5000条普通电子回执</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>提供在线支持</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>回执PDF下载</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>数据保存一年</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>微信身份认证</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>无子账户管理</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>不支持司法存证 </span>
                                        </li>
                                        <li>
                                            <i class="fa "></i>
                                            <span> </span>
                                        </li>
                                        <li>
                                            <i class="fa "></i>
                                            <span> </span>
                                        </li>
                                        <li>
                                            <i class="fa "></i>
                                            <span> </span>
                                        </li>


                                    </ul>
                                    <a id="btn" href="http://hzq.yoojet.com/#/Purchase" target="blank" title="购  买"
                                        class="primary-btn">订 购</a>
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-2">
                                <div class="price-table">
                                    <div class="icon">
                                        <span class="fa fa-building"></span>
                                    </div>
                                    <div class="text">
                                        <h2>￥2400</h2>
                                        <h6>基础版</h6>
                                        <span>每年</span>
                                    </div>
                                    <ul class="list">
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>2000条专业电子回执</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>提供在线支持</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>回执PDF下载</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>数据保存三年</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>用户身份验证</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>支持对账函管理</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span> 支持子账户管理</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span> 支持货品条码打印</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span> 支持司法存证</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span> 支持收货方账户</span>
                                        </li>

                                    </ul>
                                    <a id="btn1" href="http://hzq.yoojet.com/#/Purchase" target="blank" title="购  买"
                                        class="primary-btn">订 购</a>
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-2">
                                <div class="price-table">
                                    <div class="icon">
                                        <span class="fa fa-building"></span>
                                    </div>
                                    <div class="text">
                                        <h2>￥8800</h2>
                                        <h6>专业版</h6>
                                        <span>每年</span>
                                    </div>
                                    <ul class="list">
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>10000条专业电子回执</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>提供在线支持</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span> 回执PDF下载</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>数据保存三年</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>用户身份验证</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>支持对账函管理</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>支持子账户管理</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>支持货品条码打印</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>支持司法存证</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>支持收货方账户</span>
                                        </li>
                                    </ul>

                                    <a id="btn2" href="http://hzq.yoojet.com/#/Purchase" target="blank" title="购  买"
                                        class="primary-btn">订 购</a>
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-2">
                                <div class="price-table">
                                    <div class="icon">
                                        <span class="fa fa-building"></span>
                                    </div>
                                    <div class="text">
                                        <h2>￥15000</h2>
                                        <h6>企业版</h6>
                                        <span>每年</span>
                                    </div>
                                    <ul class="list">
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>20000条专业电子回执</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>提供现场支持两次</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span> 回执PDF下载</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>数据保存三年</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>用户人脸验证</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>支持对账函管理</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>支持子账号管理</span>
                                        </li>

                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>支持货品条码打印</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>支持司法存证</span>
                                        </li>
                                        <li>
                                            <i class="fa fa-check"></i>
                                            <span>支持收货方账户</span>
                                        </li>
                                    </ul>
                                    <a id="btn3" href="http://hzq.yoojet.com/#/Purchase" target="blank" title="订  购"
                                        class="primary-btn">订 购</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!--// Pricing Section End //-->


                <!--// Download Section Start //-->
                <div class="box" id="Download">
                    <img src="/img/bg/breadcrumb-img.png" alt="">
                    <div class="container text-center">
                        <div class="row justify-content-center">
                            <div class="col-lg-12" style="background-color: #ffffff;">
                                <div class="download-app-bg">
                                    <div class="text">
                                        <h2>下载客户端</h2>
                                        <div class="col-lg-12">
                                            <p>
                                                客户端用于连接您部署在本地的ERP系统，并与本地的ERP进行数据集成，您可通过客户端从ERP读取出库数据，并生成电子加密货单，并分享给您的客户，由其进行在线小程序码上签收。
                                            </p>
                                        </div>
                                    </div>
                                    <div class="btn-group">
                                        <a href="http://hzq.yoojet.com/dowwnload/回执签.zip" title="Download"
                                            class="primary-btn">下载</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--// Download Section End //-->
                <!--// Contact Section Start //-->
                <section class="section" id="contact">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-6">
                                <div class="section-heading">
                                    <h2>联系 <span>我们 </span></h2>
                                    <h4>
                                        在使用“码上签”-电子回执过程中，如果您遇到任何问题，您可以在工作日 <br>
                                        联系我们（上午9:00~12:00;下午 13:00~18:00）。
                                    </h4>
                                </div>
                            </div>
                        </div>
                        <div class="row">

                            <div class="col-lg-12">
                                <div class="contact-form">
                                    <form id="contactForm">
                                        <div class="contact-alerts">
                                            <div class="empty-form" style="display: none;"><span>打* 号的项为必填项</span></div>
                                            <div class="security-alert" style="display: none;"><span>验证码不匹配!</span>
                                            </div>
                                            <div class="email-invalid" style="display: none;">
                                                <span>请输入邮箱地址例如(example@gmail.com)</span>
                                            </div>
                                            <div class="phone-invalid" style="display: none;">
                                                <span>请输入电话例如(010-4444-7878)</span>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="custom-form-group">
                                                    <input type="text" class="custom-form-control" name="contact_name"
                                                        id="userName" placeholder="您的姓名 *">
                                                    <span class="fa fa-user"></span>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="custom-form-group">
                                                    <input type="text" class="custom-form-control" name="contact_email"
                                                        id="userEmail" placeholder="您的邮箱 *">
                                                    <span class="fa fa-envelope"></span>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="custom-form-group">
                                                    <input type="text" class="custom-form-control" name="contact_phone"
                                                        id="userPhone" placeholder="您的电话 *">
                                                    <span class="fa fa-phone"></span>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="custom-form-group">
                                                    <input type="text" class="captcha-input custom-form-control"
                                                        name="contact_question" id="contactFormCaptchaInput"
                                                        placeholder="请输入验证码 *">
                                                    <span id="contactFormCaptchaSpan"></span>
                                                    <input type="hidden" id="contactFormCaptchaVal">
                                                    <div class="form-validate-icons">
                                                        <span></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="custom-form-group">
                                                    <input type="text" class="custom-form-control" id="userTopic"
                                                        name="contact_subject" placeholder="标题 *">
                                                    <span class="fa fa-bookmark"></span>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="custom-form-group">
                                                    <textarea class="custom-form-control text-area"
                                                        name="contact_message" id="contactMessage" cols="30" rows="9"
                                                        placeholder="您的需求  *"></textarea>
                                                    <span class="fa fa-envelope-open"></span>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <button type="submit" class="primary-btn" id="tabled"
                                                    onclick="submit()">提交</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                <!--// Contact Section End //-->

                <!--// Footer Start //-->
                <footer class="footer">
                    <div class="footer-top">
                        <div class="container">
                            <div class="row">
                                <div class="col-md-6 col-lg-3 footer-widget-resp">
                                    <div class="footer-widget">
                                        <h6 class="footer-title">关于我们</h6>
                                        <p class="footer-desc">
                                            公司主要从事基于区块链+微信应用的企业商用票据电子化技术服务，帮助企业对跨企业的票据。
                                        </p>
                                    </div>

                                </div>
                                <div class="col-md-6 col-lg-5 footer-widget-resp">
                                    <div class="footer-hexin">
                                        <h6 class="footer-title">核心业务</h6>
                                        <!-- <h6 class="footer-title1">企业票据电子化</h6> -->
                                        <ul class="list1">
                                            <li>
                                                <i class="fa fa-caret-right"></i>
                                                <span>送货单电子化</span>
                                            </li>
                                            <li>
                                                <i class="fa fa-caret-right"></i>
                                                <span>回签单电子化</span>
                                            </li>
                                            <li>
                                                <i class="fa fa-caret-right"></i>
                                                <span> 提货单电子化</span>
                                            </li>
                                            <li>
                                                <i class="fa fa-caret-right"></i>
                                                <span>订单电子化</span>
                                            </li>

                                        </ul>
                                        <ul class="list2">
                                            <li>
                                                <i class="	fa fa-caret-right"></i>
                                                <span>对账函电子化</span>
                                            </li>
                                            <li>
                                                <i class="	fa fa-caret-right"></i>
                                                <span>确认函电子化</span>
                                            </li>
                                            <li>
                                                <i class="	fa fa-caret-right"></i>
                                                <span> 通知函电子化</span>
                                            </li>
                                            <li>
                                                <i class="	fa fa-caret-right"></i>
                                                <span>证明文件电子化</span>
                                            </li>

                                        </ul>
                                        <ul class="list3">
                                            <li>
                                                <i class="fa fa-caret-right"></i>
                                                <span>收银小票电子化</span>
                                            </li>
                                            <li>
                                                <i class="fa fa-caret-right"></i>
                                                <span>各类收据电子化</span>
                                            </li>
                                            <li>
                                                <i class="fa fa-caret-right"></i>
                                                <span> 服务工单电子化</span>
                                            </li>
                                            <li>
                                                <i class="fa fa-caret-right"></i>
                                                <span>装车单电子化</span>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                                <div class="col-md-6 col-lg-4 footer-widget-resp">
                                    <div class="footer-widget">
                                        <h6 class="footer-title">联系信息</h6>
                                        <div class="footer-contact-info-wrap">
                                            <ul class="footer-contact-info-list">
                                                <li>
                                                    <h6>地址:</h6>
                                                    <p>
                                                        北京市亦庄开发区宏达中路16号<br>宏达三鼎科技园 126 #
                                                    </p>
                                                </li>
                                                <li>
                                                    <h6>电话 & 电子邮件:</h6>
                                                    <div class="text">

                                                        <p>18610715315</p>
                                                        <p>18346777950</p>
                                                        <p>13241783359</p>
                                                        <p>Service@yoojet.com</p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="code">
                                                        <img src="/img/bg/code.png" alt="">
                                                    </div>
                                                </li>

                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="copyright">
                        <div class="container">
                            <p class="copyright-text">© 版本所有2022. 北京煜杰科技 备案号 京ICP备2022017756号</p>
                        </div>
                    </div>
                </footer>
                <!--// Footer End //-->

        </main>
        <!--// Main Area End //-->

        <a href="#wrapper" class="scroll-top-btn">
            <i class="fa fa-arrow-up"></i>
        </a>
        <!--// .scroll-top-btn // -->

        <div id="preloader-wrap">
            <div class="preloader-inner">
                <div class="gooey">
                    <span class="dot"></span>
                    <div class="dots">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
            </div>
        </div>
        <!--// Preloader // -->

    </div>
    <!--// Page Wrapper End //-->

    <!-- Success Modal Start -->
    <div class="modal fade custom-modal" id="contactFormSuccessModal" tabindex="-1" role="dialog"
        aria-labelledby="contactFormSuccessModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header success">
                    <h5 class="modal-title" id="contactFormSuccessModalLabel">提示</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-popup-inner">
                        <div class="form-icon success">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2">
                                <circle class="path circle" fill="none" stroke-width="6" stroke-miterlimit="10"
                                    cx="65.1" cy="65.1" r="62.1" />
                                <polyline class="path check" fill="none" stroke-width="6" stroke-linecap="round"
                                    stroke-miterlimit="10" points="100.2,40.2 51.5,88.8 29.8,67.5 " />
                            </svg>
                        </div>
                        <div class="form-body">
                            <p>
                                提交成功，工作人员将会在七个工作日内进行反馈，请您注意查收邮件！
                            </p>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <a href="#" class="popup-link success" data-dismiss="modal">OK</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Success Modal End -->

    <!-- Danger Modal Start -->
    <div class="modal fade custom-modal" id="contactFormDangerModal" tabindex="-1" role="dialog"
        aria-labelledby="contactFormDangerModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header danger">
                    <h5 class="modal-title" id="contactFormDangerModalLabel">提示</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-popup-inner">
                        <div class="form-icon danger">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130.2 130.2">
                                <circle class="path circle" fill="none" stroke-width="6" stroke-miterlimit="10"
                                    cx="65.1" cy="65.1" r="62.1" />
                                <line class="path line" fill="none" stroke-width="6" stroke-linecap="round"
                                    stroke-miterlimit="10" x1="34.4" y1="37.9" x2="95.8" y2="92.3" />
                                <line class="path line" fill="none" stroke-width="6" stroke-linecap="round"
                                    stroke-miterlimit="10" x1="95.8" y1="38" x2="34.4" y2="92.2" />
                            </svg>
                        </div>
                        <div class="form-body">
                            <p>
                                请检查并完善您所填写的信息！
                            </p>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <a href="#" class="popup-link danger" data-dismiss="modal">Close</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Danger Modal End -->

    <!--// JQuery //-->
    <script src="/vendor/js/jquery.min.js"></script>
    <!--// Images Loaded //-->
    <script src="/vendor/js/images.loaded.min.js"></script>
    <!--// Magnific Popup //-->
    <script src="/vendor/js/magnific.popup.min.js"></script>
    <!--// Popper Popup //-->
    <script src="/vendor/js/popper.min.js"></script>
    <!--// Bootstrap //-->
    <script src="/vendor/js/bootstrap.min.js"></script>
    <!--// Waypoint Js //-->
    <script src="/vendor/js/waypoint.min.js"></script>
    <!--// Counter Up Js //-->
    <script src="/vendor/js/counter.up.min.js"></script>
    <!--// JQuery Easing Functions //-->
    <script src="/vendor/js/jquery.easing.min.js"></script>
    <!--// Owl Carousel //-->
    <script src="/vendor/js/owl.carousel.min.js"></script>
    <!--// Form Validate //-->
    <script src="/vendor/js/validate.min.js"></script>
    <!--// Main Js //-->
    <script src="/js/main.js"></script>

</body>
<script>
    var btn = document.getElementById('btn')
    btn.onclick = function () {
        location.href = 'http://hzq.yoojet.com/#/Purchase?value=普惠版'
    }
    var btn1 = document.getElementById('btn1')
    btn1.onclick = function () {
        location.href = 'http://hzq.yoojet.com/#/Purchase?value=基础版'
    }
    var btn2 = document.getElementById('btn2')
    btn2.onclick = function () {
        location.href = 'http://hzq.yoojet.com/#/Purchase?value=专业版'
    }
    var btn3 = document.getElementById('btn3')
    btn3.onclick = function () {
        location.href = 'http://hzq.yoojet.com/#/Purchase?value=企业版'
    }



    let contactFormCaptchaVal = $("#contactFormCaptchaVal");
    let contactFormCaptchaSpan = $('#contactFormCaptchaSpan');
    function randomNumber(params) {

        let a = Math.ceil(Math.random() * 9) + '',
            b = Math.ceil(Math.random() * 9) + '',
            c = Math.ceil(Math.random() * 9) + '',
            d = Math.ceil(Math.random() * 9) + '',
            e = Math.ceil(Math.random() * 9) + '',
            code = a + b + c + d + e;

        contactFormCaptchaVal.val(code);
        contactFormCaptchaSpan.html(code);
    }
    function checkPhone(Phone) {
        var reg = '^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-9])|(18[0-9])|166|198|199|191|(147))\\d{8}$';
        var regExp = new RegExp(reg);
        return regExp.test(Phone)
    }
    // 提交
    let subCodeBtn = document.getElementById('tabled')
    subCodeBtn.onclick = () => {
        let Name = document.getElementById("userName").value
        let Email = document.getElementById("userEmail").value
        let Phone = document.getElementById("userPhone").value
        let Topic = document.getElementById("userTopic").value
        let Captcha = document.getElementById("contactFormCaptchaInput").value
        let Demand = document.getElementById("contactMessage").value
        console.log(Name, Email, Phone, Topic, Captcha, Demand);
        if (!checkPhone(Phone) || !Name || !Email || !Topic || !Captcha || !Demand) {
            $("#contactFormDangerModal").modal("show");
            return
        }
        submit('post', "https://api.yoojet.com/Base/Base_Feedback/SaveData", {
            "Name": Name,
            "Mailbox": Email,
            "Phone": Phone,
            "Title": Topic,
            "Demand": Demand,
        })
    }

    function submit(method, url, data) {
        //1.创建对象
        var xhr;
        xhr = new XMLHttpRequest();
        //3.监听服务器响应
        xhr.onreadystatechange = function () {
            console.log(xhr.responseText);
            console.log(xhr.status);
            if (xhr.responseText) {
                if (xhr.status != 200) {
                    alert('网络连接失败!请重试')
                    return
                }
                randomNumber();
                console.log(xhr.responseText.indexOf('"Success":false'));
                if (xhr.responseText.indexOf('"Success":false') !== -1) {
                    let arr = xhr.responseText.split(',')
                    let msg = arr[arr.length - 1].split('"')
                    alert(msg[msg.length - 2])
                } else {
                    $("#contactFormSuccessModal").modal("show");
                    // alert('提交成功，工作人员将会在七个工作日内进行反馈，请注意查收邮件！')
                    document.getElementById("userName").value = "";
                    document.getElementById("userEmail").value = "";
                    document.getElementById("userPhone").value = "";
                    document.getElementById("userTopic").value = "";
                    document.getElementById("contactFormCaptchaInput").value = "";
                    document.getElementById("contactMessage").value = "";
                }
            }
        };
        //2.打开链接
        xhr.open(
            method,
            url,
            false
        );
        //3.5 请求头（POST请求时设置）
        xhr.setRequestHeader("Content-type", "application/json");
        //4.发送请求
        xhr.send(JSON.stringify(data));
    }


</script>

</html>